<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<title>收银登录</title>
<link rel="stylesheet" href="__HOME__/css/public_style.css">
<style>
	html,body{height:100%;}
	body{background:url(__HOME__/img/shouyin_bg.jpg) no-repeat fixed;background-size:cover;}
	::-webkit-input-placeholder {color:#fff;} /* WebKit, Blink, Edge */
	:-moz-placeholder {color:#fff;} /* Mozilla Firefox 4 to 18 */
	::-moz-placeholder {color:#fff;} /* Mozilla Firefox 19+ */
	:-ms-input-placeholder {color:#fff;} /* Internet Explorer 10-11 */
	
	.cashier_box{position:fixed;width:280px;height:320px;left:calc(50% - 140px);top:calc(50% - 160px);}
	
	.cashier_box>p{text-align:center;font-size:30px;color:#fff;text-shadow:0px 4px 2.85px rgba(20, 4, 2, 0.38);line-height:50px;margin-bottom:50px;}

	.cashier_box>div{height:130px;}
	.cashier_box>div>input{display:block;width:100%;border:none;height:40px;border-radius:20px;background-color:rgba(0,124,236,.45);text-indent:30px;outline:none;transition:.2s;}
	.cashier_box>div>input:nth-of-type(1){margin-bottom:10px;}
	.cashier_box>div>input:hover{background-color:rgba(255,255,255,.6);}
	.cashier_box>div>div{height:16px;width:16px;float:left;margin:12px 0 12px 30px;}
	.cashier_box>div>div>label{display:block;width:16px;height:16px;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.6) inset;}
	.chk_1{display:none;}
	.chk_1:checked + label:after{content:"\2714";color:#539be7;padding:2px;height:10px;width:10px;font-size:16px;font-weight:bold;position:relative;top:-3px;}
	
	.cashier_box>div>p{float:left;width:calc(100% - 46px);color:#d1effa;line-height:40px;text-indent:10px;}
	
	.cashier_box>button{display:block;border:none;height:40px;margin-top:50px;background-color:rgba(255,255,255,.8);border-radius:20px;text-align:center;line-height:40px;width:100%;color:#4a4a4a;}
</style>
</head>

<body>
	<div class="cashier_box">
		<p>晋何辣妹子火锅</p>
		<div>
			<input type="text" placeholder="输入账号">
			<input type="password" placeholder="输入密码">
			<div>
				<input type="checkbox" id="jz_pass" class="chk_1">
				<label for="jz_pass"></label>
			</div>
			<p>记住密码</p>
			<h6 class="clearfix"></h6>
		</div>
		<button>确定</button>
	</div>
</body>
<script src="__HOME__/js/jquery-3.3.1.js"></script>
<script>

</script>
</html>
